{% stylesheet %}

{% endstylesheet %}

<search-popup id="search-popup" class="md:pt-[41px] md:pb-[56px] pt-[27px] pb-[42px]" style="--nav-bg: {{data.nav_bg}};--menu-color: {{data.menu_color}};">
  <div class="container_wrapper">
    <div class="search_box flex justify-center">
      <form class="md:w-[565px] w-full flex items-center" action="/search" onsubmit="return oemsaasSearch('.search_txt')">
        <div class="relative flex input_wrap w-full">
          <input type="text" class="search_txt flex-1" placeholder="{{data.search_placeholder}}">
          <button type="submit" class="cursor-pointer px-5 flex py-[12px]">
            <svg width="24" height="24" viewBox="0 0 26 26" aria-hidden="true"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke="currentColor"><circle cx="10.364" cy="10.364" r="10.364"></circle><path stroke-linecap="square" d="m18 18 5.777 5.788"></path></g></g></svg>
          </button>
        </div>
        <div class="close_search px-3 flex items-center justify-center h-full cursor-pointer">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
      </form>
    </div>
  </div>
</search-popup>
